
//引入依赖及组件
// import Vue from 'vue'
// import VueRouter from 'vue-router'
import { createRouter, createWebHistory } from 'vue-router';
// Vue.use(VueRouter);
//设置组件映射规则
const routes = [
    {
        path: '/register',
        component: () => import('../views/RegisterView.vue'),
    },
    {
        path: '/',
        component: () => import('../views/LoginView.vue'),
    },
    {
        //路由地址
        path:'/teacherDash',
        //要渲染的vue页面组件，也就是说当跳转到/dashboard这个路由地址时，要显示哪个vue页面
        component : () => import('@/views/teacher/DashboardView.vue'),
        children:[
            {
                path: '',
                component: () => import('../views/StatisticView.vue'),
            },
            {
                path: 'teacher_info',
                component: () => import('../views/teacher/TeachersView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'teacher_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/teacher/TeacherAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'teacher_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/activity/edit/3这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/teacher/TeacherAddView.vue'),
            },
            {
                path: 'student_info',
                component: () => import('../views/student/StudentsView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'student_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/student/StudentAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'student_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/activity/edit/3这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/student/StudentAddView.vue'),
            },
            {
                path: 'course_info',
                component: () => import('../views/course/CoursesView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'course_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/course/CourseAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'course_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/activity/edit/3这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/course/CourseAddView.vue'),
            },
            {
                path: 'teacher_course_info',
                component: () => import('../views/teacher_course/TeacherCourseView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'teacher_course_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/teacher_course/TeacherCourseAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'teacher_course_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/activity/edit/3这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/teacher_course/TeacherCourseAddView.vue'),
            },
            
            {
                path: 'student_course_info',
                component: () => import('../views/student_course/StudentCourseView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'student_course_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/student_course/StudentCourseAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'student_course_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/activity/edit/3这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/student_course/StudentCourseAddView.vue'),
            },

            {
                path: 'course_score_info',
                component: () => import('../views/course_score/CourseScoreView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'course_score_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/course_score/CourseScoreAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'course_score_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/activity/edit/3这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/course_score/CourseScoreAddView.vue'),
            },
        ]
    },
    {
        //路由地址
        path:'/studentDash',
        //要渲染的vue页面组件，也就是说当跳转到/dashboard这个路由地址时，要显示哪个vue页面
        component : () => import('@/views/student/DashboardView.vue'),
        children:[
            {
                path: '',
                component: () => import('../views/StatisticView.vue'),
            },

            {
                path: 'teacher_info',
                component: () => import('../views/teacher/StuTeachersView.vue'),
            },

            {
                path: 'student_info',
                component: () => import('../views/student/StuStudentsView.vue'),
            },
            {
                path: 'course_info',
                component: () => import('../views/course/StuCoursesView.vue'),
            },
            {
                path: 'student_course_info',
                component: () => import('../views/student_course/StuStudentCourseView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'student_course_info/add',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/student_course/StuStudentCourseAddView.vue'),
            },
            {
                //路由地址，动态路由，子路由前面没有斜杠，不要写斜杠
                path:'student_course_info/edit/:id',
                //要渲染的vue页面组件，也就是说当跳转到/dashboard/user这个路由地址时，要显示哪个vue页面
                component : () => import('@/views/student_course/StuStudentCourseAddView.vue'),
            },
            {
                path: 'course_score_info',
                component: () => import('../views/course_score/StuCourseScoreView.vue'),
            },
        ]
    }
]

const router = createRouter({
    history: createWebHistory(),
    routes,
});
//导出
export default router;
